@charset "utf-8";
//不要让自己无限的幻想与创造力埋没在沉默中，不要让别人的创新死在自己的无知与狭义的看法下。--青格勒(cenggel.com)
/*样式初始化   开始*/
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,fieldset,button,input,textarea,th,td{margin:0; padding:0; outline:none;}
a:focus{-moz-outline-style:none;outline:none;}
body,button,input,select,textarea,code,kbd,pre,samp,tt{ font-family:"Microsoft YaHei",Tahoma,Helvetica,Arial,"\5b8b\4f53",sans-serif;}
address,cite,dfn,em,var{font-style:normal;}
small{font-size:12px;}
ul,ol{list-style:none;}
a{text-decoration:none;}
abbr[title],acronym[title]{border-bottom:1px dotted; cursor:help;}
legend{color:#000;}
fieldset,img{border:none;}
button,input,select,textarea{font-size:100%;font-family: "Microsoft YaHei";}
table{border-collapse:collapse; border-spacing:0;}
hr{border:none; height:1px;}
html{overflow-y:scroll;}
body{ font-size:12px; line-height:26px; white-space: normal; word-break: break-word;}
/*样式初始化   结束*/
/*公用样式   开始*/
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix{display:inline-block; display:block; zoom:1;}
.pull_left{float:left;}
.pull_right{float:right;}
.nopull{float:none;}
.w1280{ max-width:1280px; margin:0 auto;}
.w1200{ max-width:1200px; margin:0 auto;}
.w1100{ max-width:1100px; margin:0 auto;}
.w1000{ max-width:1000px; margin:0 auto;}
/*公用样式   结束*/
/*栅格系统   开始*/
$i: 12;
$ii: 12;
@while $i > 0 {
    .chorse_col_xs#{$i}{ width:(100% / $ii) * $i;}//移动
    .chorse_col_sm#{$i}{ width:(100% / $ii) * $i;}//平板
    .chorse_col_md#{$i}{ width:(100% / $ii) * $i;}//桌面
    $i: $i - 1;
}
.chorse_row{ box-sizing:border-box;
    >div{box-sizing:border-box; float:left; border:1px solid #eeeeee;}
}
/*栅格系统   结束*/
//圆角兼容
@mixin borderRadius($num) {
    -webkit-border-radius: $num;
    -moz-border-radius: $num;
    border-radius: $num;
}
//透明兼容
@mixin opacity($num) {
    filter:alpha(opacity=$num*100);
    opacity:#{$num};
}
//定位 - 没有值写null
@mixin position($num, $top, $right, $bottom, $left) {
    position:$num;
    left:$left +px;
    right:$right +px;
    bottom:$bottom +px;
    top:$top +px;
}
//宽高
@mixin wh($num1, $bum2){
    width:$num1 + px;
    height:$bum2 + px;
}
//大体大小 - 字体颜色
@mixin fc($fontsize, $color){
    font-size:$fontsize +px;
    color:$color;
}
//阴影兼容
@mixin boxShaow($num){
    -webkit-box-shadow:$num;
    -moz-box-shadow:$num;
    box-shadow:$num;
}
//定位居中显示
@mixin opCenter($num, $width, $height){
    //定位居中显示
    position:$num;
    left:50%;
    top:50%;
    margin-left:-$width/2 +px;
    margin-top:-$height/2 +px;
}
//单行截子符
@mixin ellipsiso{
    display: block;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
//多行截字符
@mixin ellipsiss($num1,$num2){
    line-height:$num2 + px;
    overflow: hidden;
    display: -webkit-box;
    height: $num1*$num2 + px;
    -webkit-line-clamp: $num1;
    -webkit-box-orient: vertical;
}
//input/textarea的placeholder及输入
@mixin inputcolor($color1:#63758a,$color2:#b7c0cc){
    & input,& textarea{ color:$color1;}
    & input::-webkit-input-placeholder{ color: $color2;}
    & input:-moz-placeholder{ color: $color2;}
    & input::-moz-placeholder{ color: $color2;}
    & input:-ms-input-placeholder{ color: $color2;}
    & textarea::-webkit-input-placeholder{ color: $color2;}
}
//渐变色 左右
@mixin gradient($bg1:#5cc86f,$bg2:#5cc86f){
    background: $bg1;
    background: -webkit-gradient(linear, left top, right top, from($bg1), to($bg2));
    background: -webkit-linear-gradient(left, $bg1, $bg2);
    background: -moz-linear-gradient(left, $bg1, $bg2);
    background: -o-linear-gradient(left, $bg1, $bg2);
    background: linear-gradient(to right, $bg1, $bg2);
}
//行内块级兼容
@mixin displayInlineBlock(){
    display:inline-block; *zoom:1; *display:inline;
}
//hover -> background
@mixin hovers($color1, $color2) {
    background:$color1;
    &:hover{
        background:$color2;
    }
}
//hover缓动时需要
@mixin Easing($num){transition: all $num+s ease-in-out;}
//放大缩小
@mixin smallToBig($time1:0.6,$time2:0,$num:1.05){ transition: all $time1+s $time2+s;
    &:hover{transform: scale($num);}
}
/*BEGIN*/
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak],
.ng-cloak, .x-ng-cloak,
.ng-hide {
  display: none !important;
}
ng\:form {
  display: block;
}
.ng-animate-block-transitions {
  transition:0s all!important;
  -webkit-transition:0s all!important;
}
.ng-hide-add-active, .ng-hide-remove {
  display: block!important;
}
@mixin hover1 {
    &:hover{ color: #0645A3;}
}
/*END*/
/*BEGIN*/
.index_body{ background: url("../images/index_bg.png") no-repeat center top;}
.header_btn{
    text-align:right; height:26px; padding: 15px 0;
    a,img{height:30px;}
    a{ margin-left: 25px;}
}
.logo{ display:block; float: left;}
.header_text{ float: left; padding-left: 75px;}
.search_box{ padding:0 0 5px 0;
    >div{ float:right; background:url("../images/search_bg.png") no-repeat left top; width: 320px; height:28px; border-radius:14px;
        a{ display:block; float:right; padding:5px 10px;
            img{ display:block;}
        }
        em{ display:block; margin:0 40px 0 15px;
            input{ display:block; height:28px; line-height: 28px; width: 100%; border:none; background:none; font-size: 12px;}
            @include inputcolor(#fff,#fff);
        }
    }
}
.menu_list{ background:url("../images/menu_bg.png") repeat-x bottom; margin-bottom: 10px;
    li{ float: left; width: 9.09%; text-align:center;
        a{ display:block; padding-top: 10px; line-height: 50px; font-size: 18px; font-weight: bold; color: #0645A3;
            &:hover,&.on{ background:url("../images/menu_on.png") no-repeat center top; color: #fff; line-height: 60px; padding-top: 0;}
        }
    }
}
/**/
.in_news_box{ background:#fff; padding:25px; min-height: 200px; box-shadow:0px 4px 22px 3px rgba(70, 72, 84, 0.31);}
.in_news_slid{ float: left; width: 460px; height: 340px; position:relative;; overflow: hidden;
    .prev,.next{ position: absolute; top: 50%; margin-top: -30px; z-index: 3; display: block; height: 60px; width: 30px; background-color: #000; background-color: rgba(0,0,0,0.5);}
    .prev{ left: -40px; background-image: url(../images/icon_btn_left.png); background-position: center; background-repeat: no-repeat;}
    .next{ right: -40px; background-image: url(../images/icon_btn_right.png); background-position: center; background-repeat: no-repeat;}
    .bd{
        li{ position: relative;
            img{ display: block;}
            a{ display: block;}
            h3{ position: absolute; left: 0; bottom: 0; width: 100%; height: 50px; line-height: 50px; background:#000;  background: rgba(13, 15, 20, 0.91);
                em{ display: block; margin: 0 90px 0 24px; font-size: 15px; font-weight: 400; color: #FFFFFF;
                    @include ellipsiso();
                }
            }
        }
    }
    .hd{ position: absolute; right: 10px; bottom: 18px; z-index:5;
        li{ float: left; height: 8px; width: 8px; border:1px solid #fff; border-radius:50%; margin-left: 4px; cursor: pointer;
            &.on{ background:#fff;}
        }
    }
}
/**/
.slid_news_box{ margin-left: 490px;}
.slid_news{
    .hd{ border-bottom: 1px solid #dddddd;
        ul,li{ height:32px;}
        li{ position:relative; float: left; margin-right: 65px;
            a{ display:block; height: 32px; font-size: 20px; color: #333; line-height: 22px; position: relative; z-index: 2;}
            em{ content: " "; display:block; width: 0; margin:-4px auto 0 auto; height:4px; background:#eb3630;  position: relative; z-index: 1;
                transform: scale(0, 1);
            }
            &.on em{
                width: 100%;
                transform: scale(1, 1);
                transition: transform .3s;
            }
            &.on{
                a{ font-weight: bold;}
            }
        }
    }
}
.slid_news_list{ padding-top: 6px;;
    li{ height: 40px;border-bottom: 1px dotted #ddd; height: 42px; line-height: 42px; overflow: hidden;;}
    h3{ margin-right: 120px;
        a{ font-weight: normal;font-size: 16px; color: #252525;
            @include ellipsiso();
            @include hover1;
        }
    }
    span{ display: block; float: right;
        font-size: 14px;
        color: #bbb;
    }
}
.in_hot_news{ padding-top: 10px;}
.in_hot_news_title{
    background: url(../images/hotnews.png) no-repeat left top;;
    img{ display: block; float: left; margin-right: 12px;;}
    h3{ margin-left: 0; font-weight: bold;
        a{font-size: 18px;color: #252525; padding-top: 4px; line-height: 28px; display: block; text-indent: 60px;;
            @include ellipsiss(2,28);
            @include hover1;
        }
    }
}
.in_hot_news_text{
    border-bottom: 1px dotted #ddd; padding: 10px 0;
    font-size: 14px;
    color: #666;
    @include ellipsiss(3,22);
    
}
// 
.in_notice{margin-top: 20px; background: #E9F1FD;}
.in_notice_left{ position: relative; float: left; height: 160px; width: 170px; background: url(../images/notice.png) no-repeat center;
    a{ position: absolute; bottom: 10px; right: 10px; height: 20px; line-height: 20px; width: 66px; text-align: center; font-size: 12px; color: #345fa1;
        background: url(../images/morebg01.png) no-repeat left bottom;
        &:hover{ background-position: left top;;}
    }
}
/*END*/
/*BEGIN*/



/*END*/
/*BEGIN*/



/*END*/
/*BEGIN*/



/*END*/
/*BEGIN*/



/*END*/
/*BEGIN*/



/*END*/
/*BEGIN*/



/*END*/
/*BEGIN*/



/*END*/
/*BEGIN*/



/*END*/
/*BEGIN*/



/*END*/
/*BEGIN*/



/*END*/
/*BEGIN*/



/*END*/
/*BEGIN*/



/*END*/
/*BEGIN*/



/*END*/
/*BEGIN*/



/*END*/
/*BEGIN*/



/*END*/
/*BEGIN*/



/*END*/
/*BEGIN*/



/*END*/
/*BEGIN*/



/*END*/
@media (min-width:0px) and (max-width:1200px) {

}